page {
  background: #EAECF6;
}

.content {
  padding: 58rpx 30rpx;
  .main {
    background: #FFFFFF;
    border-radius: 24rpx;
    .delivery-company {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 31rpx 30rpx 30rpx 30rpx;
      border-bottom: 1px solid rgba($color: #000000, $alpha: 0.08);
      .delivery-detail {
        display: flex;
        align-items: center;
        .icon {
          width: 48rpx;
          height: 48rpx;
          margin-right: 30rpx;
          image {
            width: 100%;
            height: 100%;
          }
        }
        .delivery-name {
          margin-right: 12rpx;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 26rpx;
          color: #000000;
        }
        .delivery-num {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 26rpx;
          color: #000000;
        }
      }
      .copy-btn {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 26rpx;
        color: #293460;
      }
    }
    .take-goods {
      display: flex;
      padding: 30rpx 30rpx 68rpx 30rpx;
      .icon {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48rpx;
        height: 48rpx;
        margin-right: 30rpx;
        background: #827CF9;
        border-radius: 50%;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 26rpx;
        color: #FFFFFF;
      }
      .take-info {
        display: flex;
        flex-direction: column;
        .user-info {
          display: flex;
          align-items: center;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 26rpx;
          color: #000000;
          .name {
            margin: 0 15rpx 0  5rpx ;
          }
        }
        .user-address {
          margin-top: 11rpx;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 26rpx;
          color: #737373;
          line-height: 36rpx;
        }
      }
    }
    .logistics-item,
    .logistics-start {
      display: flex;
      padding: 0 30rpx 63rpx 30rpx;
      .icon {
        position: relative;
        width: 48rpx;
        height: 48rpx;
        image {
          width: 100%;
          height: 100%;
        }
        .line {
          position: absolute;
          top: 48rpx;
          left: 50%;
          height: 153rpx;
          width: 1rpx;
          background: rgba($color: #000000, $alpha: 0.08);
        }
      }
      .logistics-detail {
        margin-top: 7rpx;
        margin-left: 30rpx;
        .top {
          display: flex;
          align-items: center;
          .tips {
            margin-right: 16rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 30rpx;
            color: #000000;
            line-height: 42rpx;
          }
          .time {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 26rpx;
            color: #999999;
          }
        }
        
        .logistics-address {
          margin-top: 11rpx;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 26rpx;
          color: #737373;
          line-height: 36rpx;
        }
        .logistics-address-choose {
          color: #000;
        }
      }
    }
  }
}